/*全局定义 begin JINJIALUN 2018.04.08*/

/*定义页面背景*/
body{
    background: #ffffff url("../image/bg.jpg") repeat-x center top;
    foot-size: 62.5%;
    /*
    习惯做法：
    方便em单位的计算，默认foot-size=16px，做计算不方便。
    所以设置计算（em/rem）基准为16*0.625=10px
    在谷歌浏览器（Chrome）中显示最小为12px
    */
    font-family: 宋体;
}

/*去除链接标签a的默认下划线*/
a{
    text-decoration: none;
}

/*无序、有序列表的默认风格去掉*/
ul, li, ol{
    margin: 0;
    padding: 0;
}

/*去除列表前的默认符号*/
li{
    list-style-type: none;
}

h1,h2,h3,h4,h5,h6{
    margin: 0;/*设置外边距为0*/
    padding: 0;/*设置内边距为0*/
    font-size: 0.75rem;
    font-weight: normal;/*字体粗细风格为正常*/
}

.clear{
    clear: both;/*清除浮动，把定位方式变成默认状态*/
}
/*全局定义 end JINJIALUN 2018.04.08*/


/*布局定义 begin JINJIALUN 2018.04.08*/
/*定宽页面宽度*/
.wrapper{
    width: 1006px;
    margin: 0 auto;/*div 居中*/
}

.header{
    width: 1006px;
    height: 215px;
    background-color: #ffffff;
}

.main{
    width: 1006px;
    min-height: 500px;
    background-color: #ffffff;
}

.footer{
    width: 1006px;
    height: 40px;
    background-color: #d0edf1;
}

/*布局定义 end JINJIALUN 2018.04.08*/

/*header 风格定义 end JINJIALUN 2018.04.08*/
.header .title{
    width: 1006px;
    height: 179px;
    background: #004e96 url("../image/topbannerbg.png") no-repeat center top;
}

.header .title img{
    margin-left: 55px;
    margin-top: 32px;
    /*在固定大小模式下，可以采用外边距来控制位置*/
}

/*CSS 下拉菜单 begin JINJIALUN 2018.04.08*/
.header .nav{
    width: 1006px;
    height: 36px;/*215(.header)-179px(title)=36px*/
    background: #134687 url("../image/dhbj1.gif") repeat-x left top;
}

.header .menu{
    margin-left: 53px;/*(1006-100*9)/2=53 通过固定边距使其居中*/
}

.header .menu li{
    float: left; /*块浮动left,right,none*/
    width: 100px;
    line-height: 36px;/*利用行高(单行)来设置垂直居中*/
    text-align: center;
    background: transparent url("../image/dhfgf.gif") no-repeat left top;
}

/*限定选择器*/
.header .menu li.no_f{
    background-image: none;
}

.header .menu li:hover{
    background: transparent url("../image/dhbj2.gif") no-repeat left top;
}

.header .menu li a{
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: bold;
}

/*二级菜单定义 begin JINJIALUN*/
.header .menu .submenu{
    position: absolute;/*为其他的块级元素定位让出空间*/
    visibility: hidden;
}

/*光标上级菜单项（li）被覆盖，子菜单显示*/
.header .menu li:hover .submenu{
    visibility: visible;
}

.header .submenu li{
    float: none;/*取消继承上级的浮动属性*/
    height: 24px;/*24(内容高度)+1(底部边框)=25(实际占用高度)*/
    width: 98px;
    line-height: 25px;
    text-align: left;
    background: #fff none;
    border-left: #aaa 1px solid;
    border-right: #aaa 1px solid;
    border-bottom: #aaa 1px solid;
}

.header .submenu li:hover{
    background: #7cacdc none;
}

.header .submenu li a{
    color: #222;
    font-size: 0.75em;
    padding-left: 10px;
    font-weight: normal;
}
/*二级菜单定义 end JINJIALUN*/

/*CSS下拉菜单 end JINJIALUN 2018.04.08*/

/*header 风格定义 end JINJIALUN 2018.04.08*/

/*footer 风格定义 begin JINJIALUN 2018.04.08*/
.footer address{
    display: block;/*改address标签的行级显示为块级显示*/
    height: 40px;
    line-height: 40px;/*块级元素垂直居中做法：设置行高与块高相同。该做法建设针对一行*/
    text-align: center;/*水平居中*/
    font-style: normal;/*修改address的字体风格（默认为斜体）为正常*/
    font-size: 0.75em;/*设置字体大小为7.5px 注意rem的浏览器支持*/
}

/*footer 风格定义 begin JINJIALUN 2018.04.08*/

/*页面主体 begin JINJIALUN 2018.04.09*/

/*左边栏 begin JINJIALUN 2018.04.09*/
.main .sidebar{
    float: left;
    width: 160px;
    min-height: 500px;
}

/*快捷通道 begin*/
.main .sidebar .quick_menu{
    width: 160px;
    height: 322px;
    background: transparent url("../image/quick_menu_bg.png") no-repeat right top;
    padding-top: 21px;
    /*实际占位高度343=322(height)+21(padding-top)*/
}

.main .sidebar .quick_menu li{
    width: 160px;
    height: 32px;
    line-height: 32px;
    background: transparent url("../image/quick_menu_li_bg.png") no-repeat left top;
}

.main .sidebar .quick_menu li.title{
    width: 160px;
    height: 66px;
    background: transparent url("../image/quick_menu_title.png") no-repeat left top;
}

.main .sidebar .quick_menu li a{
    display: block;/*把a标签从行级属性变为块级属性，具有了上下边距*/
    color: #fff;
    font-size: 1em;
    /*font-weight: bolder;*/
    margin-left: 28px;
    padding-top: 3px;
    font-weight: lighter;
    font-family: "隶书";
}

/*快捷通道 end*/
/*常用链接 begin*/
.main .sidebar .links li{
    width: 160px;
    height: 20px;
    line-height: 20px;
}

.main .sidebar .links li.title{
    height: 40px;
    background: transparent url("../image/link.jpg") no-repeat 30% 70%;
}
.main .sidebar .links li a{
    color: #000;
    margin-left: 25px;
}
/*常用链接 end*/
/*左边栏 end JINJIALUN 2018.04.09*/

/*内容区域公共风格 begin JINJIALUN 2018.04.13*/
/*定义news_title部分的span为块*/
.main span.block{
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
}

/*news_title的左圆角*/
.main span.corner_left{
    width: 10px;
    background: #fff url("../image/content_title_corner.png") no-repeat 0 0;
}

/*news_title的中间部分*/
.main span.title_center{
    font-size: 1em;
    background: #fff url("../image/content_title_corner.png") repeat-x 0 -40px;
}

/*news_title的中间部分另一种风格*/
.main span.title_center_white{
    font-size: 1em;
    background-color: #fff;
    height: 38px;
    line-height: 45px;
    border-bottom: #c7d4d6 2px solid;
}

/*news_title的右圆角*/
.main span.corner_right{
    width: 10px;
    background: #fff url("../image/content_title_corner.png") no-repeat 0 -80px;
}

/*左边框*/
.main .left-border{
    border-left: #638da0 2px solid;
}

/*右边框*/
.main .right-border{
    border-right: #638da0 2px solid;
}

/*title角*/
.main .right-angle{
    width: 8px;/*8+2(border)=10*/
}

/*more图标定义*/
.main .more{
    float: right;
    margin-right: 10px;
    display: table-cell;/*显示为单元格*/
    height: 40px;
    vertical-align: middle;
}

/*信息内容的时间显示*/
.main span.time{
    float: right;
    color: #cacaca;
    font-size: 0.75em;
}

.main .content_left span.time{
    color: #000;
}

/*内容区域标题 news_title*/
.main .news_title{
    height: 40px;
}

/*链接风格*/
.main .news_content a{
    color: black;
    font-size: 0.8em;
}

.main .news_content a:hover{
    color: #ff0000;
}

/*信息内容的列表显示*/
.main .news_content li{
    list-style: inside url("../image/point.gif");
    border-bottom: #dddddd 1px dashed;
}

.main .content_left .news_content li{
    height: 24px;
    line-height: 24px;
    margin-left: 15px;
    margin-right: 20px;
}

.main .content_right .news_content li{
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    margin-right: 10px;
}

/*内容区域公共风格 end JINJIALUN 2018.04.13*/

/*内容区域 begin JINJIALUN 2018.04.13*/
.main .content{
    float: left;
    width: 846px;
    min-height: 500px;
}

/*左边内容区域*/
.main .content_left{
    float: left;
    width: 546px;
    min-height: 500px;
    background: #fff url("../image/content_right_border_2.png") repeat-y right top;
}

/*右边内容区域*/
.main .content_right{
    float: left;
    width: 300px;
    min-height: 500px;
    background: #fff url("../image/content_right_border_2.png") repeat-y right top;
}

/*图片新闻*/
.main .content_left .news_photo{
    width: 546px;
    height: 290px;
    background: transparent url("../image/content_right_border_1.png") no-repeat right top;
}

.main .content_left .news_photo span.title_center{
    width: 521px;
}

.main .content_left .news_photo .news_content{
    width: 537px;
    height: 250px;
    background-color: #fff;
}

/*最新动态*/
.main .content_left .news_update{
    width: 546px;
    height: 290px;
}

.main .content_left .news_update span.title_center_white{
    width: 521px;
}

.main .content_left .news_update .news_content{
    width: 537px;
    height: 250px;
    background-color: #fff;
}


/*通知公告*/
.main .content_right .news_notice{
    width: 300px;
    height: 290px;
}

.main .content_right .news_notice span.title_center{
    width: 275px;
}

.main .content_right .news_notice .news_content{
    width: 291px;
    height: 250px;
    background-color: #fff;
}

/*就业信息*/
.main .content_right .news_job{
    width: 300px;
    height: 290px;
}

.main .content_right .news_job span.title_center_white{
    width: 275px;
}

.main .content_right .news_job .news_content{
    width: 291px;
    height: 250px;
    background-color: #fff;
}

/*内容区域 end JINJIALUN 2018.04.13*/

/*滚动相册 begin JINJIALUN 2018.04.16*/
.main .album{
    float: left;
    width: 950px;
    height: 125px;
    margin: 20px 28px 10px 28px;
    overflow: hidden;
}

.main .album li{
    float: left;
    width: 180px;
    height: 125px;
    margin: 0 5px;
}

.main .album img{
    width: 180px;
    height: 125px;
}
/*滚动相册 end JINJIALUN 2018.04.16*/

/*页面主体 end JINJIALUN 2018.04.09*/